<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no" />
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../c/aui.css" />
</head>
<style>
	.tags{
		margin: 0.45rem;
	}
	.tags div{
		/*margin-bottom: 0.35rem;*/
	}
	.tags div .a{
		background: #FE2C55;
		border: 1px solid #3c3c3c;
	}
	.tags span{
		border:1px solid #3c3c3c;
		display: block;
		border-radius: 2rem;
		text-align: center;
		padding: 0.45rem 0;
		margin: 0.45rem;
		font-size: 0.65rem;
	}
	.text,.f{
		padding: 0.75rem;

	}
	.text textarea,.f input{
		background: rgba(255, 255, 255, 0.05);
		padding: 0.45rem;
		height: 10rem;
		color: #fff;
		border-radius: 0.25rem;
	}
	.text{
		padding-top: 0;
		padding-bottom: 0;
	}
	.f input{
		height: auto;
	}
	.f p{
		opacity: 0.3;
		font-size: 0.65rem;
		padding-top: 0.25rem;
		padding-left: 0.5rem;
		letter-spacing: 1px;
	}
	.btn{
		width: 80%;
		margin: 0 auto;
		text-align: center;
		background: #FE2C55;
		border-radius: 2rem;
		padding: 0.5rem 0;
		font-size: 0.75rem;
		margin-top: 0.75rem;
	}
</style>

<body>
	<div class="aui-row tags">
		<div class="aui-col-xs-4">
			<span tapmode onclick="tags(this)">无法播放</span>
		</div>
		<div class="aui-col-xs-4">
			<span tapmode onclick="tags(this)">无法投屏</span>
		</div>
		<div class="aui-col-xs-4">
			<span tapmode onclick="tags(this)">播放卡顿</span>
		</div>
		<div class="aui-col-xs-4">
			<span tapmode onclick="tags(this)">分类错误</span>
		</div>
		<div class="aui-col-xs-4">
			<span tapmode onclick="tags(this)">标签错误</span>
		</div>
		<div class="aui-col-xs-4">
			<span tapmode onclick="tags(this)">其他错误</span>
		</div>
	</div>
	<div class="text">
		<textarea id="content"  placeholder="请描述下您出现的问题，便于我们更好的为您解决问题哦！"></textarea>
	</div>
	<div class="f">
		<input type="text" id="f" placeholder="联系方式：QQ、微信、电话（选填）">
		<p>您的联系方式进工作人员可见</p>
	</div>
	<div class="btn" tapmode onclick="add()">
		<span>提交</span>
	</div>
</body>
<script type="text/javascript" src="../j/api.js"></script>
<script src="../j/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
	var v = [];
	apiready = function() {
		urls();
		v = api.pageParam['v'];
		api.parseTapmode();
	};
	function x() {
		api.closeFrame();
	}
	function tags(_this){
		_this = $(_this);
		if(_this.hasClass('a')){
			_this.removeClass('a')
		}else{
			_this.addClass('a')
		}
	}
	function add(){


		var content = $('#content').val();
		if(!content){
			document.getElementById("content").focus()
			return _msg('请填写描述问题');
		}
		var tags = new Array();
		$('.a').each(function(){
			return tags.push($(this).text());
		})
		_loading();
		var mobile = $('#f').val();
		document.activeElement.blur();
		_ajax('member/fang_jubao',function(ret,err){
			_loadingCloes();
			if(ret){
				if(ret.ret){
					_alert(ret.ret,function(ret,err){
						_close();
					})
				}else{
					_msg(ret.err)
				}
			}else{
				_alert(JSON.stringify(err));
			}
		},{tags:tags,content:content,mobile:mobile,vid:v.id})
	}
</script>

</html>
